<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/commom.css" />
    <link rel="stylesheet" href="./css/tabCommon.css" />
    <link rel="stylesheet" href="./css/me.css" />
  </head>

  <body>
    <!-- 头部 -->
    <div class="header">
      <!-- top -->
      <div class="Top padding">
        <div class="top">
          <div class="text"></div>
          <img src="./img/25.png" alt="" />
        </div>
      </div>
    </div>

    <!-- 用户头像 -->
    <div class="user">
      <div class="heads">
        <img src="./img/user.png" alt="" />
      </div>
      <div class="username">伍洋</div>
    </div>
    <!-- tab 栏 -->
    <ul class="tab padding">
      <li>
        <div class="icon">
          <img src="./img/37.png" alt="" />
        </div>
        <div class="text">
          <div class="box">
            <p>我的订单</p>
          </div>
          <div class="right_icon"></div>
        </div>
      </li>
      <li>
        <div class="icon">
          <img src="./img/38.png" alt="" />
        </div>
        <div class="text">
          <div class="box">
            <p>我的返利</p>
          </div>
          <div class="right_icon"></div>
        </div>
      </li>
      <li>
        <div class="icon">
          <img src="./img/39.png" alt="" />
        </div>
        <div class="text">
          <div class="box">
            <p>我的关注</p>
          </div>
          <div class="right_icon"></div>
        </div>
      </li>
      <li>
        <div class="icon">
          <img src="./img/40.png" alt="" />
        </div>
        <div class="text">
          <div class="box">
            <p>优惠卡卷</p>
          </div>
          <div class="right_icon"></div>
        </div>
      </li>
      <li class="wenzi">
        <div class="icon">
          <img src="./img/42.png" alt="" />
        </div>
        <div class="text">
          <div class="box">
            <p>全部服务</p>
            <span
              >提供生活服务全部服务（浏览、订单、关注、优惠卡卷、返利等），需调用您的权限信息</span
            >
          </div>
          <div class="right_icon2">
            <img src="./img/35.png" alt="" />
          </div>
        </div>
      </li>
      <li class="wenzi2">
        <div class="icon">
          <img src="./img/43.png" alt="" />
        </div>
        <div class="text">
          <div class="box">
            <p>基本服务</p>
            <span>提供生活服务中浏览功能、需联网、获取您的存储权限</span>
          </div>
          <div class="right_icon2">
            <img src="./img/36.png" alt="" />
          </div>
        </div>
      </li>
      <li>
        <a href="./shizhi.html">
          <div class="icon">
            <img src="./img/73.png" alt="" />
          </div>

          <div class="text">
            <div class="box">
              <p>设置</p>
            </div>
            <div class="right_icon"></div>
          </div>
        </a>
      </li>
      <li>
        <a href="./kefu.html">
          <div class="icon">
            <img src="./img/74.png" alt="" />
          </div>
          <div class="text">
            <div class="box">
              <p>帮助与客服</p>
            </div>
            <div class="right_icon"></div>
          </div>
        </a>
      </li>
    </ul>
    <!-- 底部 -->
    <div class="footer">
      <ul>
        <li>
          <a href="./index.html">
            <img src="./img/f11.png" alt="" />

            <p class="active">首页</p>
          </a>
        </li>
        <li>
          <a href="./minsheng.html">
            <img src="./img/f2.png" alt="" />
            <p>城市民生</p>
          </a>
        </li>
        <li>
          <a href="./fuwu.html">
            <img src="./img/f3.png" alt="" />
            <p>服务号</p>
          </a>
        </li>

        <li>
          <a href="./me.html">
            <img src="./img/f4.png" alt="" />
            <p>我的</p>
          </a>
        </li>
      </ul>
    </div>
  </body>
</html>
